<template>
    <div class="coding">
        <h2>支付成功</h2>
        <div class="coding_text">{{coding}}</div>
        <!--<p>长按复制报告码，添加下面二维码的小助手后，发送报告即可获得完整版报告PDF版</p>-->
        <br>
        <br>
        <p>
            第一步，复制上方数字 <br>
            第二步，长按扫描下方二维码，添加小助手为好友 <br>
            第三步，告诉小助手数字，即可获得完整报告书。<br>

        </p>
        <img class="er" src="static/images/sao_text.png" alt="">
        <div class="er_div" >
            <img src="static/images/sao_img.jpg" alt="">
        </div>
        <img class="logo" src="static/images/logo.png" alt="">
    </div>
</template>

<script>
    export default {
        name: 'coding',
        data () {
            return {
                an_id : 0,
                coding: 0,
            }
        },
        mounted () {
//            setTimeout( e => {
//                this.an_id = sessionStorage.getItem("an_id");
//
//                if( !this.an_id > 0 )
//                {
//                    alert("请求失败，请确定由正确方式进入该页面的")
//
//                    location.href = ""
//                    return false
//                }
//                //支付成功的话
//                var url = this._API_ + "coding?an_id=" + this.an_id
//                this.$http.get(url).then( e => {
//                    this.coding = e.data
//                })
//
//            },300)
        },
        components : {

        },
        methods : {

        }

    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .er_div{
        width:500px;
        margin:0px auto;
        border:1px solid #f05c78;
    }
    .er_div img{
        width:400px;
        display: block;
        margin:0px auto;
    }
    h2{
        font-size:3.6rem;
        color:#f05c78;
        text-align: center;
        line-height:200px;
    }
    .coding_text{
        width:352px;
        border:1px solid #f05c78;
        height:66px;
        text-align: center;
        line-height:66px;
        font-size:2.6rem;
        margin:0px auto;
        -webkit-user-select: text;
        user-select: text;
        color:#393939;
    }
    p{
        font-size:2rem;
        width:540px;
        margin:0px auto;
        line-height: 4rem;
        text-align: left;
        color:#393939;
    }
    .er{
        display: block;
        margin:0px auto;
    }
    .logo{
        position: absolute;
        left:269.5px;
        bottom:85px;
    }
</style>
